<template>
	<view class="container">
		<view class="top">
				<view class="seting"><image src="../../static/img/left_icon.png" @tab="gobook"></image><text>记账</text></view>
		</view>
		<view class="jizhang_container">
			<view class="zhandian">
				<view class="left">
					<text class="title">模板选择：</text>
					 <uni-data-select
							v-model="templateIndex"
							:localdata="templateList"
							@change="templateChange"
						></uni-data-select>
				</view>
				<text class="management">管理</text>
			</view>
			
			<view class="template_demo date_time">
				<text class="title">日期：</text>
				<uni-datetime-picker type="datetime" v-model="datetimesingle" @change="changeLog" style="border: 0px;"/>
			</view>
			
			<view class="zhandian">
				<view class="left">
					<text class="title">站点：</text>
					 <uni-data-select
							v-model="zhandianIndex"
							:localdata="zhandianList"
							@change="zhandianChange"
						></uni-data-select>
				</view>
				<text class="management">管理</text>
			</view>
			
			<view class="template_demo date_time">
				<text class="title">站点账号：</text>
				<uni-combox :border="false" :candidates="candidates" placeholder="站点账号"></uni-combox>
			</view>
			
			<view class="zhandian">
				<view class="left">
					<text class="title">商城：</text>
					 <uni-data-select
							v-model="shangchengIndex"
							:localdata="shangchengList"
							@change="shangchengChange"
						></uni-data-select>
				</view>
			</view>
			
			<view class="zhandian">
				<view class="left">
					<text class="title">商城买号：</text>
					<uni-combox :border="false" :candidates="candidates" placeholder="请选择买号"></uni-combox>
				</view>
				<text class="management">买号管理</text>
			</view>
			
			<view class="zhandian">
				<view class="left">
					<text class="title">店铺：</text>
					<uni-easyinput class="uni-mt-5" trim="all" v-model="shopName" placeholder="请输入店铺" @input="input"></uni-easyinput>
				</view>
				<text class="management">复制</text>
			</view>
			
			<view class="zhandian">
				<view class="left">
					<text class="title">订单编号：</text>
					<uni-easyinput class="uni-mt-5" trim="all" v-model="shopName" placeholder="请输入店铺" @input="input"></uni-easyinput>
				</view>
				<text class="management">复制</text>
			</view>
			
			<view class="zhandian">
				<view class="left">
					<text class="title">佣金：</text>
					<uni-easyinput class="uni-mt-5" trim="all" v-model="yongjinVal" placeholder="" @input="yongjin"></uni-easyinput>
				</view>
				<view class="fan_stats">
					<text>未返</text>
					<image src="../../static/img/weifanhuan.png"></image>
				</view>
			</view>
			
			<view class="zhandian">
				<view class="left">
					<text class="title">本金：</text>
					<uni-easyinput class="uni-mt-5" trim="all" v-model="benjinVal" placeholder="" @input="benjin"></uni-easyinput>
				</view>
				<view class="fan_stats">
					<text>已返</text>
					<image src="../../static/img/yifanhan.png"></image>
				</view>
			</view>
			
			<view class="zhuangtai">
				<view class="title2">状态：</view>
				<view class="check_status"><image src="../../static/img/check.png"></image><text>正常</text></view>
				<view class="check_status"><image src="../../static/img/uncheck.png"></image><text>异常</text></view>
			</view>
			
			<view class="zhuangtai">
				<view class="title2">备注：</view>
				<textarea  auto-height class="remark" style="border: 1px solid rgb(229, 229, 229);
				 width: 100%;min-height: 40upx;margin-left: 5%;border-radius: 4px;padding: 15upx;font-size: 14px;"/>
			</view>
			<view class="submit_btn">确定</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				 templateList: [
					 { value: 0, text: "通用设置一" },
					 { value: 1, text: "通用设置二" },
					 { value: 2, text: "通用设置三" },
					 { value: 3, text: "通用设置四" },
					 { value: 4, text: "通用设置五" },
				 ],
				 zhandianList:[
					 { value: 0, text: "有收入" },
					 { value: 1, text: "熊猫优品" }
				 ],
				 zhandianIndex:0,
				templateIndex: 0,
				datetimesingle: '',
				candidates: ['北京', '南京', '东京', '武汉', '天津', '上海', '海口'],
				shangchengList:[
					{ value: 0, text: "淘宝" },
					{ value: 1, text: "京东" },
					{ value: 2, text: "抖音" },
					{ value: 3, text: "拼多多" },
					{ value: 4, text: "阿里巴巴" },
					{ value: 5, text: "苏宁易购" },
				],
				shangchengIndex:0,
				shopName: '',
				yongjinVal:"",
				benjinVal:""
			}
		},
		methods: {
			bindPickerChange: function(e) {
					console.log('picker发送选择改变，携带值为', e.detail.value)
					this.index = e.detail.value
			},
			changeLog(e) {
				console.log('change事件:', e);
			},
			zhandianChange(e){
				console.log('change事件:', e);
			},
			templateChange(e){
				console.log('change事件:', e);
			},
			shangchengChange(e){},
			input(e) {},
			yongjin(e){},
			benjin(e){},
			gobook(){
				uni.switchTab({
					url: '/pages/Bookkeeping/Bookkeeping',
					animationType:"slide-in-right",
						"animationDuration": 200
				});
			}
		}
	}
</script>

<style>
@import "AccountBook.css";
</style>
